<template>
<div class="nav">
<div class="bottom">
<div class="nav_">
<div class="nav-top">
    <span>下载酷我音乐客户端</span>
     <ul>
        <li><i class="fa fa-edge"></i>pc版</li>
        <li><i class="fa fa-android"></i>Android版</li>
        <li><i class="fa fa-apple"></i>iphone版</li>
    </ul>
</div>
<div class="nav-meddle">
    <span>协议与声明</span>
     <ul>
        <li><p>用户服务协议</p><p>隐私政策</p></li>
        <li><p>免责声明</p><p>权利声明</p></li>
        
    </ul>
</div>
<div class="nav-bottom">
    <span>其他</span>
     <ul>
        <li><p>联系我们</p><p>广告服务</p></li>
        <li><p>腾讯音乐</p><p>网上有害信息举报专区</p></li>
        <li><p>诚聘英才</p></li>
    </ul>
    
</div>
</div>
</div>
<div class="foot">
<div>
<div class="foot-nav">
<p>
        北京酷我科技有限公司版权所有 丨 网络文化经营许可证：
        京网文[2015]0525-205号 信息网络传播视听节目许可证0109362号   丨 增值电信业务经营许可证B2-20090418 丨 京ICP证060261号</p>
        <p style=" text-align: center;">广播电视节目制作经营许可证京字第2037号|营业性演出许可证京市演1574|京公网安备11010502030216号|京ICP备09014827号</p>
        <p style=" text-align: center; ">举报电话：010-87939949丨 举报邮箱：support@kuwo.cn</p>
</div>
</div>
</div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>

div{
  
    width: 100%;
  
    .bottom{
        width: 100%;
        height: 200px;
        background-color: #282828;
        div{
            width: 1400px;
            margin:  0 auto;
        }
    }
    .nav_{
        display: flex;
        justify-content: space-between;
         ul{
                display: flex;
            }
        .nav-top{
            span{
                color: #fff;
                display: block;
                margin-top: 30px;
            }
            ul{
                display: flex;
                margin-top: 50px;
                li{
                     color: #80684a;
                    
                }
                 :hover{
                         color: #ffe12c;
                     }
            }
        }
        .nav-meddle{
            span{
                display: block;
                margin-top: 30px;
                color: #fff;
            }
            ul{
                
                margin-top: 20px;
                li{
                    :hover{
                         color: #ffe12c;
                     }
                     color: #80684a;
                    p{
                        // margin-left: 20px;
                         margin-top: 20px;
                    }
                }
            }
        }
        .nav-bottom{
            span{
                display: block;
                margin-top: 30px;
                color: #fff;
            }
            ul{
                
                margin-top: 20px;
                li{
                    :hover{
                         color: #ffe12c;
                     }
                    color: #80684a;
                    p{
                        margin-left: 20px;
                         margin-top: 20px;
                    }
                }
            }
        }
        
    }
    .foot{
        width: 100%;
        height: 150px;
        background-color:#1f1f1f ;
        div{
            width: 1400px;
            margin: 0 auto;
        }
        .foot-nav{
            p{
            margin-bottom: 20px;
        }
        }
    }
}
</style>